<template>
	<view v-for="v in list.comList" class="index">
		<view class="one">
			{{v.title}}
		</view>
		<view class="one-com" v-for="(key,i) in v.com">
			{{i+1}}、{{key}}
		</view>
	</view>
</template>

<script setup>
	import {
		reactive
	} from 'vue'
	let list = reactive({
		comList: [{
				title: '如何学习?',
				com: ['线上预约，获得开门权限', '到达门店，扫描解锁开门', '找到座位，对号开始入座', '扫码开灯，开始学习之旅']
			},
			{
				title: '如何改签日期?',
				com: ['线上预约，获得开门权限', '到达门店，扫描解锁开门', '找到座位，对号开始入座', '扫码开灯，开始学习之旅']
			},
			{
				title: '如何取消订单?',
				com: ['线上预约，获得开门权限', '到达门店，扫描解锁开门', '找到座位，对号开始入座', '扫码开灯，开始学习之旅']
			}
		]
	})
</script>

<style scoped lang="less">
	.one {
		height: 100rpx;
		line-height: 100rpx;
		color: rgb(198, 150, 79);
		font-weight: 600;
		padding-top: 20rpx;
		box-sizing: border-box;
	}

	.one-com {
		height: 70rpx;
		line-height: 70rpx;
		font-size: 22rpx;

	}

	.index {
		font-size: 26rpx;
		padding-left: 30rpx;
	}
</style>
